* {
  padding: 0;
  margin: 0;
}
.div {
  width: 40vw;
  margin: 0 auto;
  padding: 10px;
  background-color: #efefef;

  .header {
    width: 100vw;

    .header_title {
      margin: 10px 0;
    }

    .header_area {
      width: 100vw;
      display: flex;

      .area {
        padding: 10px;
        flex: 1;
        border: 1px solid #bfbebe;
      }
    }
  }

  .content_weather {
    width: 100vw;

    .content_weather_title {
      margin: 10px 0;
    }

    .content_weather_list {
      width: 100vw;
      border-collapse: collapse;
      border-color: #808080;
      text-align: center;

      .head {
        .row {
          .col {
            height: 30px;
            font-weight: 900;
          }
        }
      }

      .main {
        .row {
          .col {
            height: 30px;
          }
        }
      }
    }
  }
}
